body {
	background-color: #59b2db;
	position: relative;

	#kilometer {
		font-size: 18px;
		color: #fff;
		padding-left: 18px;
		padding-top: 20px;
	}
	#runNumber {
		font-size: 18px;
		color: #fff;
		text-align: center;
		span {
			font-size: 100px;
		}
	}

	#runBtn {
		width: 100%;
		height: 110px;
		display: flex;
		justify-content: space-around;
		position: absolute;
		bottom: 250px;
		left: 1px;

		div {
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;

			color: #fff;

			p {
				font-size: 12px;
				margin-top: 15px;
			}
			span {
				font-size: 30px;
			}
		}
	}

	.btn-group {
		padding: 20px;
		div {
			display: flex;
			width: 100px;
			height: 100px;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			border-radius: 100px;
			&:nth-child(1) {
				background-color: #fff;
				color: #59b2db;
				position: absolute;
				bottom: 50px;
				left: 139px;
               
			}
			&:nth-child(2) {
				background-color: green;
				color: #fff;
				display: none;
				position: absolute;
				text-align: center;
				line-height: 40px;
				bottom: 50px;
				left: 60px;
			}
			&:nth-child(3) {
				background-color: red;
				color: #fff;
				display: none;
				position: absolute;
				text-align: center;
				line-height: 40px;
				bottom: 50px;
				left: 211px;
			}
			p {
				margin-top: 8px;
			}
			span {
				font-size: 30px;
			}
		}
	}
}
